<template>
	<view class="">
		<!-- #ifdef APP-PLUS -->
		<view class="u-h-88">

		</view>
		<!-- #endif -->
		<!-- 头部商品图片信息 -->
		<view class="u-rela">
			<view>
				<!-- <image src="" mode="aspectFit"></image> -->
				<!-- 商品图片 -->
				<u-swiper @change='change' :list="imgList" :circular='false' :autoplay='false' height="883" mode="round"
					indicator-pos="" img-mode="aspectFit">
				</u-swiper>
			</view>
			<view class="u-w-750 u-t-20 u-b-r-50 u-abso u-flex u-row-between u-p-20 u-t-20 ">
				<!-- 返回按钮 -->
				<view @click="backs"
					class="bs_CCCCCC bg_FFFFFF u-w-70 u-h-70 u-b-r-70 u-flex u-col-center u-row-center">
					<u-icon name='arrow-left' size='40' color='#333333'></u-icon>
				</view>
				<view class="u-w-500">
					<u-notice-bar type="" bg-color="" font-size="30" speed="80" mode="horizontal"
						:list="noticeList"></u-notice-bar>
				</view>
				<!-- #ifdef APP-PLUS -->
				<view @click="shareOn"
					class="bs_CCCCCC bg_FFFFFF u-w-70 u-h-70 u-b-r-70 u-flex u-col-center u-row-center">
					<u-icon name='zhuanfa' size='40' color='#333333'></u-icon>
				</view>
				<!-- #endif -->
			</view>
			<!-- 下标 -->
			<view class="u-abso u-b-10 bgt_000000 cl_FFF u-r-20 u-w-100 u-text-center u-b-r-20"
				style=" border:1px solid #E7E7E7 ;">
				<text>{{imgnum}}/{{allnum}}</text>
			</view>
		</view>
		<!-- 商品价格信息 -->
		<view class="u-p-30">
			<view class=" u-w-700 bg_FFFFFF u-b-r-26">
				<view v-if="userinfo && userinfo.data" class="u-p-20 u-weight">{{userinfo.data.name}}</view>
				<view class="u-p-20 u-flex u-row-between">
					<view class=" u-flex">
						<view class="u-font-46" style="color: #FF5502FF;">￥{{data.price}}</view>
					</view>
					<view class=" u-font-20 u-flex">
						<view v-if="userinfo && userinfo.data" class="u-p-l-20">
							已售<text style="color:#FC3533FF ;">{{userinfo.data.sales || 0}}</text>
						</view>
					</view>
				</view>
				<view v-if="userinfo && userinfo.data" class="u-flex u-flex-wrap">
					<view class="u-p-10 u-flex u-font-24">
						<view class="u-p-10 bg_FF5502FF  cl_FFF u-b-r-10">购买最高得100%积分</view>
					</view>
					<view class="u-p-10 u-flex u-font-24">
						<view class="u-p-10 bg_FF5502FF cl_FFF u-b-r-10">直推奖励{{userinfo.data.zt_reward || 0}}%</view>
					</view>
					<view class="u-p-10 u-flex u-font-24">
						<view class="u-p-10 bg_FF5502FF  cl_FFF u-b-r-10">间推奖励{{userinfo.data.jt_reward || 0}}%</view>
					</view>
				</view>
			</view>
			<view class="u-m-t-20 u-w-700  bg_FFFFFF u-b-r-26">
				<view class="u-p-20">
					<view class="u-weight">
						商品详情
					</view>
					<view class="" v-if="userinfo && userinfo.data && userinfo.data.dynamic_param">
						<view class="u-m-t-20 u-flex u-font-28" v-for="(item,index) in userinfo.data.dynamic_param"
							:key="index">
							<view class="">
								{{item.param_name}}:
							</view>
							<view class="">
								{{item.param_value}}
							</view>
						</view>
					</view>
					<view class="u-m-t-20" v-if="userinfo && userinfo.data && userinfo.data.detail">
						<view class="">
							文字说明：
							<u-parse :html="userinfo.data.detail"></u-parse>
						</view>
					</view>
				</view>
				<view class="u-w-700" v-if="userinfo && userinfo.data && userinfo.data.detail_img">
					<view class="u-font-28 u-flex-col u-col-center" v-for="(items,index1) in userinfo.data.detail_img"
						:key="index1">
						<image style="width: 700rpx;" :src="items" border-radius="10" mode="widthFix"></image>
					</view>
				</view>
			</view>

			<view v-if="userinfo && userinfo.data && userinfo.data.price_description"
				class="u-m-t-20 u-w-700 u-p-20 bg_FFFFFF u-b-r-26">
				<view class="u-weight">
					价格说明
				</view>
				<view class="u-m-t-20">
					<u-parse :html="userinfo.data.price_description"></u-parse>
				</view>
			</view>
			<view v-if="userinfo && userinfo.data && userinfo.data.comment_list"
				class="u-m-t-20 u-w-700 u-p-20 bg_FFFFFF u-b-r-26">
				<view class="u-flex u-row-between">
					<view class="u-weight">
						评论
					</view>
					<view @click="$u.route(`/pages/home/evaluateList?id=${userinfo.data.id}`)" class="cl_999 u-font-28">
						查看全部
					</view>
				</view>
				<view class="" v-if="userinfo && userinfo.data && userinfo.data.comment_list">
					<view class="u-m-t-20 u-font-28 brb_F4F4F4 u-p-b-20"
						v-for="(item,index) in userinfo.data.comment_list.data" :key="index">
						<view class="u-flex">
							<view class="">
								<u-image width="50rpx" height="50rpx" :src="item.avatar" mode="aspectFill"></u-image>
							</view>
							<view class="u-m-l-10">
								{{item.name}}
							</view>
						</view>
						<view class="u-m-t-20 u-flex u-flex-wrap">
							<u-image v-for="(img,imgindex) in item.img" :key="imgindex" class="u-m-r-20" width="150rpx"
								height="150rpx" :src="img" mode="aspectFill"></u-image>
						</view>
						<view class="u-m-t-10 u-font-26 cl_999">
							{{item.detail}}
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 店铺 -->
		<view class="u-p-30">
			<view class=" u-w-700 bg_FFFFFF u-b-r-26">
				<view class="u-p-20 u-flex u-row-between">
					<view class=" u-flex">
						<u-image v-if="shop.logo" :src="shop.logo.url" mode="aspectFill" width="110rpx"
							height='110rpx'></u-image>
						<view class="u-p-10">
							<view class="u-flex">
								<view class="u-weight u-font-30 u-m-l-10" @click="show=true">{{shop.name}}</view>
							</view>
							<view class="u-font-26 u-p-10">共<text class="cl_FB473CFF">{{shop.shop_sales}}</text>销量
							</view>
						</view>
					</view>
					<view class=" u-font-20" style="color: #FB473CFF;"
						@click="$u.route('/pages/shopmassage/shopmassage?num='+shop.id)">
						进入店铺 <u-icon name='arrow-right' color='#FB473CFF'></u-icon>
					</view>
				</view>
			</view>
		</view>

		<view class="u-p-l-30 u-p-r-30">
			<view class="u-w-700 bg_FFFFFF u-b-r-26">
				<view class="u-p-20  u-flex">
					<view @click="$com.makePhoneCall(shop.mobile)" class="u-flex">
						<u-image src="https://www.sqkjkj.vip/wxImg/clear/img2.png" mode="aspectFill" width="28rpx"
							height='28rpx'>
						</u-image>
						<view class="u-m-l-10 u-font-26"><text class="cl_898989FF">电话:</text>{{shop.mobile}}
						</view>
					</view>

					<view @click="$com.setClipboardData(shop.wechat)" class="u-flex u-m-l-20">
						<u-image src="https://www.sqkjkj.vip/wxImg/clear/wx.png" mode="aspectFill" width="28rpx"
							height='28rpx'>
						</u-image>
						<view class="u-m-l-10 u-font-26 u-m-r-20"><text class="cl_898989FF">微信:</text>{{shop.wechat}}
						</view>
						<u-image src="https://www.sqkjkj.vip/wxImg/clear/img3.png" mode="aspectFill" width="28rpx"
							height='28rpx'>
						</u-image>
					</view>
				</view>
				<view @click="openLocation" class="u-flex u-m-t-10 u-p-10">
					<u-image src="https://www.sqkjkj.vip/wxImg/clear/img4.png" mode="aspectFill" width="28rpx"
						height='28rpx'></u-image>
					<view class="u-m-l-10 u-font-26 u-m-r-20"><text
							class="cl_898989FF">地址:</text>{{shop.area+shop.address}}</view>
				</view>
			</view>
		</view>



		<!-- 店铺推荐 -->
		<view class=" u-p-20 " v-if="userinfo && userinfo.data && userinfo.data.recommend_goods_list">
			<view class="u-weight">店铺推荐</view>
			<u-row>
				<u-col span='6' v-for="(item,index) in userinfo.data.recommend_goods_list" :key="item.id">
					<view class="u-w-340 bg_FFFFFF u-m-r-14  u-m-t-20 u-b-r-16"
						@click="$u.route('/pages/home/paymassage?num='+item.spu)">
						<u-image :src="item.imgs[0]" mode="aspectFill" width="342rpx" height='306rpx'>
						</u-image>
						<view class="u-p-20">
							<view class="cl_1C1C1CFF text-cut u-weight">{{item.name}}</view>
							<view class="u-flex u-row-between u-p-t-20">
								<view class="u-flex">
									<!-- <u-image src="https://www.sqkjkj.vip/wxImg/common/home/img10.png" mode="aspectFill" width="68rpx"
										height='30rpx'></u-image> -->
									<view class="cl_FC3533FF u-font-30 u-weight">￥{{item.price}}</view>
								</view>
								<view class="cl_848484FF u-font-24">已售{{item.sales}}</view>

							</view>
							<view class="u-flex  u-p-t-20">
								<u-image :src="item.logo" mode="aspectFill" width="44rpx" height='44rpx'></u-image>
								<view class="cl_848484FF u-font-20">{{item.shop_name}}</view>
							</view>
						</view>
					</view>
				</u-col>
			</u-row>

		</view>
		<view class="u-p-100"></view>
		<!-- 底部信息 -->
		<view class="u-fix u-b-0 bg_FFFFFF u-p-20 u-w-750">
			<view class="u-flex">
				<view class=" u-flex-col u-col-center u-w-100"
					@click="$u.route('/pages/shopmassage/shopmassage?num='+shop.id)">
					<!-- <u-icon name='bag-fill' size='40'></u-icon> -->
					<u-image src='https://www.sqkjkj.vip/wxImg/common/shop/shop.png' mode="aspectFill" width="36rpx"
						height='36rpx'>
					</u-image>
					<view class="">进店</view>
				</view>
				<view class="u-flex-col u-col-center u-w-100" @click='lick'>
					<u-icon name='heart' size='40' v-if="licks==0"></u-icon>
					<u-icon name='heart-fill' size='40' color='red' v-else></u-icon>
					<view class="">收藏</view>
				</view>
				<view class="u-w-250 u-b-r-14 u-h-100  u-font-30 bg_FF5502FF u-text-center cl_FFF" @click="pays(1)">
					<view class=" u-m-t-10">￥{{data.price}}</view>
					<view class="">原价购买</view>
				</view>
				<view v-if="isShowBjg" class="u-w-250 u-m-l-20 u-b-r-14 u-h-100  u-font-30 bg_FC3533FF u-text-center cl_FFF"
					@click="pays(2)">
					<view class="u-m-t-10">￥{{price_one}}</view>
					<view class="">半价购买</view>
				</view>
			</view>
		</view>

		<!-- 分享弹窗 -->
		<uni-popup ref="sharepopup" type="bottom">
			<share-btn :sharedataTemp="sharedata"></share-btn>
		</uni-popup>

		<!-- 选择规格 -->
		<u-popup v-model="show" mode='bottom'>
			<view class="u-p-20">
				<view class="u-flex u-row-between u-col-top">
					<view class="u-flex ">
						<u-image :src='data.thumb' mode="aspectFill" width="275rpx" height='275rpx'>
						</u-image>
						<view class=" u-p-20">
							<view class="u-weight">{{data.spece_value_title}}</view>
							<view class="u-m-t-20 u-flex u-weight">
								<view class="cl_FC3533FF" v-if="pay_status==1">￥{{data.price}}<text></text></view>
								<view class="cl_FC3533FF" v-else>￥{{price_one}}<text></text></view>
							</view>
						</view>
					</view>
					<view class="">
						<u-image @click='show=false' src='https://www.sqkjkj.vip/wxImg/common/shop/close.png'
							mode="aspectFill" width="44rpx" height='44rpx'></u-image>
					</view>
				</view>
				<view v-if="all_checked.length>0" class="u-m-t-20  u-p-b-20 u-font-26"
					style="border-bottom: 1rpx solid #cccccc;">
					<scroll-view scroll-y class="u-h-500" style="white-space: nowrap;">
						<view class="u-m-t-20" v-for='(item,index) in all_checked' :key="item.id">
							<view class="">{{item.title}}</view>
							<view class="u-m-t-20">
								<view class="u-m-b-20 u-m-r-20" v-for="(items,index1) in item.spece_value_list"
									:key="index1">
									<view @click="shoes_guige(items,index1)"
										class="bg_EFEFEFFF cl_898989FF u-text-center u-p-t-10 u-p-b-10 u-b-r-16"
										:class="items.is_check==true?' cl_FF5502FF':''">{{items.title}}</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>

				<view class="u-m-t-30 u-p-b-20 u-flex u-row-between">
					<view class="">数量</view>
					<view class="">
						<!-- <u-number-box v-model="value"  :min='1' :max='99':step="1" :disabled-input="true" size="30" @change="valChange"></u-number-box> -->
						<!-- <u-number-box v-model="value" @change="valChange" @plus="valPlus" @minus="valMinus"></u-number-box> -->
						<uni-number-box v-model="value"></uni-number-box>
					</view>
				</view>
				<view class="u-flex u-row-around" v-if="pay_status==1">
					<view class="u-w-310 u-m-t-50 u-b-r-14 u-h-90 u-l-h-90 u-font-30 bg_FF5502FF u-text-center cl_FFF"
						@click="add_car(data)">加入购物车</view>
					<view class="u-w-310 u-m-t-50 u-b-r-14 u-h-90 u-l-h-90 u-font-30 bg_FF5502FF u-text-center cl_FFF"
						@click="true_pay">立即购买</view>
				</view>
				<view class="u-flex u-row-around" v-else>

					<view class="u-w-610 u-m-t-50 u-b-r-14 u-h-90 u-l-h-90 u-font-30 bg_FF5502FF u-text-center cl_FFF"
						@click="true_pay">立即购买</view>
				</view>
			</view>
		</u-popup>
		<!-- 升级会员弹窗 -->
		<u-popup v-model="show2" mode='center'>
			<view class="u-rela u-p-50 u-w-700 ">
				<view class="u-font-50 u-weight">提示</view>

				<view class="u-fix u-r-60 u-t-400">
					<u-image src="https://www.sqkjkj.vip/wxImg/common/shop/spc.png" mode="aspectFill" width="216rpx"
						height='274rpx'>
					</u-image>
				</view>
				<view class="u-m-t-50">
					<view class="u-p-10">
						普通用户限制购买单数已用完 请升级会员后购买
					</view>

				</view>
				<view class="u-flex">
					<view @click="close"
						class="u-w-200 u-m-t-20 u-h-92 u-l-h-92 u-font-30 u-text-center u-auto  u-b-r-20"
						style="background-color: #FFEAEAFF;color: #FC3533FF;">取消</view>

					<view @click="$u.route('/pages/truepay/truepay')"
						class="u-w-200 u-m-t-20 u-h-92 u-l-h-92 u-font-30 u-text-center u-auto cl_FFF u-b-r-20"
						style="background-color: #FC3533FF;">升级</view>
				</view>
			</view>
		</u-popup>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	import shareBtn from '@/components/share-btn/share-btn.vue';
	export default {
		components: {
			uniPopup,
			shareBtn
		},
		data() {
			return {
				spu: '',
				noticeList: [],
				// 升级会员弹窗
				show2: false,
				// 商品厚度
				num: '厚',
				// 商品柔软度
				num1: '适中',

				// 选择规格
				show: false,
				// 被选中的规格
				nums: 1,
				// 选择兑换数量
				value: 1,
				// 商品图片
				imgList: [],
				// 切换图片的下标
				imgnum: 1,
				// 图片总数
				allnum: '',
				// 分享传递的参数
				sharedata: {
					type: 1,
					strShareUrl: "http://www.baidu.com",
					strShareTitle: "分享标题",
					strShareSummary: "分享总结",
					strShareImageUrl: "http://www.xuelejia.com/xljapp/h5/static/aboutUsLogo.png"
				},
				userinfo: '',
				data: '',
				shop: '',
				all_checked: [],
				guige: [],
				shop_log: '',
				licks: '',
				price_one: '',
				pay_status: '',
				regcode: '',
				isOrder: 0,
				innerAudioContext: null,
				isShowBjg:true,
			}
		},
		onLoad(obj) {
			console.log(obj.regcode, 'obj.regcode')
			if (obj.regcode) {
				uni.setStorageSync('zcRegcode', obj.regcode)
				uni.setStorageSync('regcode', obj.regcode)
				this.regcode = obj.regcode
			}
			if(obj.isOrder){
				this.isOrder = obj.isOrder
			}
			this.spu = obj.num;
			this.innerAudioContext = uni.createInnerAudioContext();

		},
		onShow() {
			if (uni.getStorageSync('isUrl') == 1) {
				uni.setStorageSync('isUrl', '2')
			}
			// console.log(uni.getStorageSync('userinfo'))
			// this.regcode = uni.getStorageSync('userinfo').regcode
			this.massage(this.spu)
		},
		onShareAppMessage() {
			return {
				title: this.userinfo.data.name,
				imageUrl: this.imgList[0].image,
				path: `/pages/home/paymassage?num=${this.userinfo.data.spu}&regcode=${uni.getStorageSync('userinfo').regcode}`
			}
		},
		onShareTimeline() {
			return {
				title: this.userinfo.data.name,
				imageUrl: this.imgList[0].image,
				path: `/pages/home/paymassage?num=${this.userinfo.data.spu}&regcode=${uni.getStorageSync('userinfo').regcode}`
			}
		},
		watch: {
			// 监听规格数据的变化
			"all_checked": {
				handler(newval, oldval) {
					// console.log(newval);
					this.guige = []
					for (var i = 0; i < newval.length; i++) {
						let arr = newval[i].spece_value_list
						for (let j = 0; j < arr.length; j++) {
							if (arr[j].is_check == true) {
								this.guige.push(arr[j].id)
								let newArr = this.userinfo.data.sku_list.filter((res, index) => {
									return this.guige.toString() == res.spece_value_id
								})
								if (newArr.length > 0) {
									this.data = newArr[0]
									this.price_one = ((this.data.price) / 2).toFixed(2)
								}
							}
						}
					}

				},
				deep: true
			},
		},
		onHide() {
			this.innerAudioContext.stop()
		},
		onUnload() {
			this.innerAudioContext.stop()
		},
		methods: {
			getSwitch(id){
				// console.log(data)
				this.$api.getSwitch({id},res=>{
					console.log(res)
					this.isShowBjg = res.data.data.switch===1
				})
			},
			notice_list() {
				this.noticeList = []
				this.$api.notice_list({
					shop_id: this.userinfo.data.skuInfo.shop_id
				}, res => {
					if (res.data.code == 1) {
						res.data.data.forEach(d => {
							this.noticeList.push(d.content)
						})
					}
				})
			},
			// 点击分享触发弹窗
			shareOn() {
				// #ifdef APP-PLUS
				this.$appShare(``,
					`shop复制信息&${this.regcode}&/打开半价购APP半价购买：${this.userinfo.data.name}:商品编号#${this.userinfo.data.spu}`,
					'', '')
				// #endif

				// this.$refs.sharepopup.open();
			},
			// 获取商品信息
			massage(obj) {
				this.$api.shop_list_massage({
					spu: obj,
					regcode: this.regcode || '',
					isOrder: this.isOrder
				}, res => {
					// res.data.data.data.spece_list.forEach(one=>{
					// 	one.spece_value_list[0].is_check=true
					// })
					this.getSwitch(res.data.data.data.id)
					this.userinfo = res.data.data
					this.data = this.userinfo.data.skuInfo
					// this.guige=this.data.spece_value_id
					this.shop = this.userinfo.shop
					this.allnum = this.userinfo.data.imgs.length
					this.all_checked = this.userinfo.data.spece_list
					this.shop_log = this.shop.logo.url
					this.licks = this.userinfo.data.collection
					this.price_one = ((this.data.price) / 2).toFixed(2)
					for (var i = 0; i < this.userinfo.data.imgs.length; i++) {
						let arr = {
							image: '',
							title: ''
						}
						arr.image = this.userinfo.data.imgs[i].url
						this.imgList.push(arr)
					}
					this.notice_list()
				})
			},
			// 点击选择规格
			shoes_guige(items, index) {
				// console.log(items);
				for (var i = 0; i < this.all_checked.length; i++) {
					let arr = this.all_checked[i].spece_value_list
					if (items.spece_id == this.all_checked[i].id) {
						for (var j = 0; j < this.all_checked[i].spece_value_list.length; j++) {
							this.all_checked[i].spece_value_list[j].is_check = false
						}
						this.all_checked[i].spece_value_list[index].is_check = true

					}
				}
			},
			// 切换图片
			change(index) {
				// console.log(index);
				this.imgnum = index + 1
			},
			// 点击返回
			backs() {
				uni.navigateBack()
			},
			// 点击返回关闭所有弹窗
			close() {
				this.show = false
				this.show2 = false
			},
			// 点击收藏
			lick(obj) {
				this.$api.good_lick({
					spu: this.data.spu
				}, res => {
					if (res.data.data.is_collect == 1) {
						this.licks = 1
					} else {
						this.licks = 0
					}
				})
			},
			valChange(val) {

			},
			valPlus(v) {
				console.log(v)
			},
			valMinus(v) {
				console.log(v)
			},
			// 点击加入购物车
			add_car() {
				let arr = this.guige.toString()
				if (this.all_checked.length > 0) {
					if (arr == '') {
						this.$refs.uToast.show({
							title: '请选择规格',
							type: 'error',
						})
						return
					}
				}
				let str = this.data
				// if (arr == str.spece_value_id) {
				this.$api.add_car({
					sku: this.all_checked.length <= 0 ? this.data.sku : str.sku,
					num: this.value
				}, res => {
					if (res.data.code == 1) {
						uni.showToast({
							icon: 'none',
							title: '添加成功'
						})
					} else {
						uni.showToast({
							icon: 'error',
							title: res.data.msg
						})
					}

				})
				// }

			},
			// 点击立即购买
			pays(obj) {
				console.log(obj)
				this.innerAudioContext.stop()
				if(obj==2){
					this.$api.orderDubbing({},res=>{
						this.innerAudioContext.src = res.data.data.half
						this.innerAudioContext.play()
						
					})
				}
				this.show = true
				this.pay_status = obj
			},
			// 全价直接购买/半价购
			true_pay() {
				if (this.all_checked.length > 0) {
					if (this.guige.toString() == '') {
						this.$refs.uToast.show({
							title: '请选择规格',
							type: 'error',
						})
						return
					}
				}

				let arr = this.guige.toString()
				if (this.all_checked.length > 0) {
					if (arr == '') {
						this.$refs.uToast.show({
							title: '请选择规格',
							type: 'error',
						})
						return
					}
				}
				let str = this.data
				// if (arr == str.spece_value_id) {
				uni.setStorageSync('pay_massage', arr)
				if (this.pay_status == 1) {
					this.$api.true_pays({
						buy_source: "buy_now",
						order_type: '2',
						transport_type: 2,
						sku_details: [{
							goods_item_id: this.all_checked.length <= 0 ? this.data.id : str.id,
							num: this.value
						}]
					}, res => {
						if (res.data.code == 1) {
							uni.setStorageSync('pay_massage', res.data.data)
							uni.navigateTo({
								url: '/pages/truepay/truepay?num=1&order_type=2&buy_source=buy_now'
							})
						}
					})
				} else if (this.pay_status == 2) {
					this.show = false
					uni.showModal({
						title: '提示',
						content: this.userinfo.data.bjg_order_warning,
						success: (one) => {
							if (one.confirm) {
								// 半价购
								this.$api.true_pays({
									buy_source: "buy_now",
									order_type: '3',
									transport_type: 2,
									sku_details: [{
										goods_item_id: str.id,
										num: this.value
									}]
								}, res => {
									if (res.data.code == 1) {
										if (res.data.msg == '超过半价购订单上限,请升级会员') {
											this.$refs.uToast.show({
												title: res.data.msg,
												type: 'error',
												callback: cal => {
													this.$u.route('/pages/vip/vip')
												}
											})
											return
										}
										uni.setStorageSync('pay_massage', res.data.data)
										uni.navigateTo({
											url: '/pages/truepay/truepay?num=3&order_type=3&buy_source=buy_now'
										})
									}
								})
							} else {

							}
						}
					})
				}

				// }
			},
			openLocation() {
				this.$com.openLocation(Number(this.shop.latitude), Number(this.shop.longitude))
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #F5F5F5FF !important;


	}

	.one {
		background: url('https://www.sqkjkj.vip/wxImg/common/img/zz.jpg') no-repeat;
		background-size: 100% 100%;

		height: 883rpx;
		width: 750rpx;
		padding: 50rpx;
		box-sizing: border-box
	}

	@import url("@/css/shopmassage.css");
</style>